/*
Theme Name: Silk Blog
Theme URI: https://silkthemes.com/silk-blog/
Author: Silk Themes
Author URI: https://www.silkthemes.com
License: GNU General Public License, v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: silk-blog
Requires at least: 5.3
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.12.0
Description: Silk Blog is powerful and beautiful theme with easy to use options .The main thing is simple theme option less complexity .You can easily display your top categories first in the featured area or use the simple blog page as your homepage to display only the latest posts, Silk Blog puts the power in your hands.

Tags: blog, news, entertainment, one-column, two-columns, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, custom-logo, custom-header, custom-background, footer-widgets

Silk Blog  WordPress Theme, Copyright 2022 silkthemes.com
Silk Blog  is distributed under the terms of the GNU GPL

/*
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use a child theme
to add your styles. You can copy a style from this file and paste it in the child theme's style.css and it
will override the style in this file. You have been warned! :)
*/


/*  ----------------------------------------------------
1.  Global
-------------------------------------------------------- */

a {text-decoration: none;}#site-wrapper {
  display: block;
}

.box_wbb {
  padding-right: 0px;
  padding-left: 0px;
}

.no-js, .no-js .main-menu-wrap {
  display: none;
}

#site-wrapper.main-raised {
  margin-right: 30px;
  margin-left: 30px;
  padding: 0px;
  ;
  border-radius: 6px;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.admin-bar .sticky.is-stuck {
  margin-top: 30px !important;
}
.sticky.is-stuck{z-index: 10;}
.sticky.sidebar-stic.is-stuck{z-index: 9;}

.thumbnail-resize {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 0;
}

.fixed {
  animation-duration: 0.8s;
  animation-name: fadeIn;
}

.thumbnail-image {
  position: relative;
  display: block;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  line-height: 0;
  border: none;
}

.meta-info.meta-info-date {
  letter-spacing: -0.8px;
  font-weight: 400;
}

.meta-info.meta-info-cat a {
  color: #282828;
  font-weight: 400;
  margin-right: 3px;
}

.meta-info-cat .button {
  padding: .5em .8em;
  margin: 5px;
}

.is-font-size-1, .is-font-size-2, .is-font-size-1 {
  font-weight: 600;
}

.object-fit-images {
  object-fit: cover;
  object-position: center;
  font-family: 'object-fit: cover; object-position: center;';
  height: inherit;
}

.jarallax {
  position: relative;
  z-index: 0;
}

.jarallax>.jarallax-img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.pagination {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}


/*
------------------------------------
2. WORDPRESS CORE
------------------------------------
*/

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.wp-caption {
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 10px 3px 10px;
  text-align: center;
}

.wp-caption img {
  max-width: 98%!important;
  height: auto;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none !important;
  margin: 0 !important;
  max-width: 570px;
  padding: 0 !important;
}

.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
.gallery-caption {}

.bypostauthor {}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/*----------------------------------------------------
2.  Header
-------------------------------------------------------- */

.header-wrap {
  display: block;
}

.banner-warp {
  text-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.banner-warp .top-bar{
  padding: 0px;
  background-color: transparent;
}

.banner-warp .object-fit-images {
  min-height: 300px;
}


/*-------------------------
2.1  LOGO
---------------------------*/

.logo-inner{
  display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}
.logo-wrap a {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}


.header-social-wrap {
  margin-top: 5px;
  text-align: center;
}

.tooltip {
  background-color: #282828;
  padding: 4px 6px 4px 6px;
  opacity: 0.9;
}

.tooltip::before {
  color: #282828;
}
.branding-social-wrap{
  display: flex;
}
.branding-social-wrap a{
  padding-left: 4px;
}
.branding-social-wrap .btn-simple {
  font-size: 24px;
  padding-left: 5px;
}
.head-lay2 .logo-inner{
  width: max-content;
}
/*-------------------------
MENU
---------------------------*/

.menu-outer {
  position: relative;
  display: block;
  background-color: #fcfcfc;
  -webkit-backface-visibility: hidden;
  z-index: 10;
  border-style: none;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: -webkit-transform .25s ease-in-out;
  transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
  transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out;
}
.menu-outer.is-stuck{
  padding-top: 5px;
  padding-bottom: 5px;
}
.nav-up {
  top:-100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.menu-outer .top-bar ul {
  background-color: transparent;
}

.main-menu-wrap {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}

.menu-outer .top-bar, .menu-outer .top-bar ul.mainmenu {
  background: transparent;
}

.menu-outer .top-bar {
  padding: 0px;
}


.main-menu-wrap .dropdown.menu a {
  padding: 20px 15px;
  color: black;
  letter-spacing: 2px;
  font-size: 14px;
  font-weight: 500;
}



.is-dropdown-submenu {
  border: none;
  z-index: 40;
}

.dropdown .is-dropdown-submenu a {
  width: 100%;
  text-align: left;
}

.dropdown li ul li {
  padding: 0px
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
content: "\f107";
font-family: FontAwesome;
  border: none;
  margin-top: -8px;
  right: 18px;
  font-size: 18px;
  font-weight: bold;
}

.main-menu-wrap .is-dropdown-submenu-parent .submenu li a {
  background-color: #ececec;
  transition: background-color .50s ease-out, color .25s ease-out;
}

.menu-outer .menu-icon::after {
  content: "\f333";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size: 32px;
  background: transparent;
  box-shadow: none;
  line-height: 0.6;
}


.navbar-search a {
  display: block;
  width: 34px;
  height: 100%;
  text-align: center;
  font-size: 18px;
}

.navbar-search-button {
  font-size: 26px;
  cursor: pointer;
}
.navbar-search-button .dashicons.dashicons-search{
  font-size: 32px;
}
.navbar-search-bar-container, .navbar-search-bar-container .close-button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.navbar-search-bar-container {
  background-color: #fff;
  border-bottom: 2px solid #454D63;
  display: none;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  -webkit-box-shadow: 0px -2px 1px 0px rgba(163, 163, 163, 0.44);
  -moz-box-shadow: 0px -2px 1px 0px rgba(163, 163, 163, 0.44);
  box-shadow: 0px -2px 5px 0px rgba(163, 163, 163, 0.44);
  left: 0;
}

.navbar-search-bar-container .search-field {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  border: 0;
  box-shadow: none;
  color: #074e68;
  font-size: 1.5rem;
  height: 3rem;
}

.navbar-search-bar-container {
  position: absolute;
  top: 48%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: opacity .6s;
}

.navbar-search-bar-container .search-submit {
  position: relative;
  float: right;
  top: 16px;
  color: transparent;
  background-color: transparent;
  border: none;
  cursor: pointer;
  right: 50px;
  width: 30px;
  z-index: 10;
}

.navbar-search-bar-container .fa-search {
  position: absolute;
  float: right;
  top: 25px;
  color: rgba(119, 118, 118, 0.78);
  background-color: transparent;
  border: none;
  cursor: pointer;
  right: 50px;
  width: 30px;
  font-size: 22px;
}

.navbar-search-bar-container .search-submit.fa {
  color: #8a8a8a;
  font-size: 25px;
}


.main-menu-wrap  ul.desktop-menu li.is-dropdown-submenu-parent:focus-within > ul {
  visibility: visible;
  opacity: 1;
  display: block;
}

button:active {
  outline: none;
  border: none;
}

[data-whatinput='mouse'] .button {
  outline: 0;
}

[type=submit], [type=button] {
  outline: 0;
}


/*-------------------------
MENU off canvas desktop
---------------------------*/

.main-menu-wrap .is-dropdown-submenu-parent .submenu li:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.js-off-canvas-overlay {
  background: rgba(4, 4, 4, 0.9);
}

.multilevel-offcanvas .menu li a, .multilevel-offcanvas .submenu ul li a, .multilevel-offcanvas .submenu {
  position: relative;
  display: block;
  width: 100%;
  border-top: 1px solid rgba(218, 211, 211, 0.12);
  background: transparent;
  line-height: 2;
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  color: #686868e6;
}

.off-canvas-wrapper .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
  border-color: #686868e6 transparent transparent;
}

.multilevel-offcanvas .off-canvas-inner {
  position: relative;
  display: block;
  padding: 60px 30px;
}

.multilevel-offcanvas.position-left, .multilevel-offcanvas.position-right {
  width: 300px;
}

.multilevel-offcanvas.off-canvas.is-transition-overlap.is-open {
  -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, .7);
  box-shadow: 0 0 10px rgba(10, 10, 10, .7);
  background-color: white;
  border-right: 3px solid #454D63;
}

.position-left {
  left: 0;
  -webkit-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  transform: translateX(-300px);
}

.multilevel-offcanvas.is-open .close-button {
  font-size: 2.5em;
  z-index: 15;
  color: #8a8a8a;
}

.off-canvas-social-wrap {
  display: block;
  border-top: 3px solid rgba(28, 28, 28, .07);
  text-align: center;
}

.off-canvas-social-wrap a {
  display: inline-block;
  padding: 0 5px;
  color: #353333;
  font-size: 18px;
  line-height: 30px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

/*----------------------------------------------------
Mobile header
-------------------------------------------------------- */

.mobile-header {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.mobile-header .logo-wrap {
  padding:5px;
}

.mobile-header .title-bar {
  background-color: transparent;
}

.mobile-header .title-bar .site-description {
  margin: 0;
}

.mobile-header .navbar-search-bar-container .search-submit, .mobile-header .navbar-search-bar-container .fa-search {
  position: absolute;
  top: 40%;
}

.mobile-header .navbar-search-bar-container {
  height: 80%;
}
.hamburger .line {
  width: 25px;
  height: 2px;
  background-color: #535353;
  display: block;
  margin: 3px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger .line:last-child {
  margin-bottom: 0;
}
html.is-reveal-open, html.is-reveal-open body{
  top:0px
}
.admin-bar .reveal.reveal-menu{
  top:35px !important;
}
.reveal-b-close {width: 100%; font-size: 42px;}
.reveal-menu .submenu{display: block !important;}
.reveal-b-close:focus{
  border: 2px;
  border-style: solid;
  color: #00aff0;
}
.off-canvas-content button:active,.off-canvas-content button::selection{
  outline: none;

}
.reveal-overlay{
  background-color: rgb(10 10 10 / 79%);
}
.reveal.reveal-menu{
  width: 80%;
}
/*  ----------------------------------------------------
post layout-1
-------------------------------------------------------- */

.post-wrap-layout-1 {
  position: relative;
  display: block;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 30px;
  background-color: #fff;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #E9EBEF;
  border-radius: 10px 10px 10px 10px;  height: auto;
}

.post-wrap-layout-1 .post-thumb-warp {
  height: 275px;
}

.post-wrap-layout-1 .post-thumb-warp .post-thumb {
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

.post-wrap-layout-1 .post-thumb .thumbnail-resize img {
  width: 100%;
  min-width: 330px;
  box-shadow: 0px -3px 11px -7px rgba(0, 0, 0, 0.24), 7px 1px 9px -5px rgba(0, 0, 0, 0.2), 1px 6px 11px -3px rgba(0, 0, 0, 0.2);
}

.post-wrap-layout-1 .entry-category .meta-info-date a {
  line-height: 1em;
  letter-spacing: -0.8px;
  font-weight: 600;
  color: #7d7b7b;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

.post-wrap-layout-1 .entry-category .meta-info-date a:hover {
  color: #454D63;
}

.post-wrap-layout-1 .post-title a {
  color: #3a3939;
  font-weight: 700;
}

.post-wrap-layout-1 .post-header-warp {
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 13px;
}

.post-wrap-layout-1 .post-title {
  margin-bottom: 0px;
}
.readmore{margin-bottom: 0px;
font-size: 16px;padding-top: .7em;}
/*  ----------------------------------------------------
post layout-2 masonry
-------------------------------------------------------- */

.post-wrap-layout-2 .card-blog {
  margin-top: 30px;
  margin-bottom: 0px;
}

.card.card-blog .card-content{
  overflow: hidden;
}
.post-wrap-layout-2 .card .card-image {
  height: 60%;
  position: relative;
  z-index: 1;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -30px;
  border-radius: 6px;
}

.post-wrap-layout-2 .card .card-image img {
  width: 100%;
  border-radius: 6px;
  pointer-events: none;
  box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  height: 258px;
    object-fit: cover;
    object-position: center;
   
}

.post-wrap-layout-2 .thumbnail-resize {
  overflow: inherit;
}

.post-wrap-layout-2 .card .card-image .card-title {
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 1.3em;
  text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);
  z-index: 1;
}

.post-wrap-layout-2 .card .card-image .card-title a {
  color: #fff;
}

.post-wrap-layout-2 .card .card-title.no-thumb a {
  color: #616161;
}

.post-wrap-layout-2 .card-description {
  font-size: inherit;
}

.card-footer {
  margin-top: 15px;
}

.card .card-footer .author {
  font-size: 14px;
    display: table-cell;
    vertical-align: middle;
}

.card .card-footer .author a {
  color: #616161;
}

.post-wrap-layout-2 .author .avatar {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 5px;
}

.post-wrap-layout-2 .card-footer .stats {
  line-height: 30px;
    color: #616161;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.post-wrap-layout-2 .card-footer .stats a {
  color: #616161;
}

.post-wrap-layout-2 .card-footer .stats .fa {
  position: relative;
  font-size: 16px;
}

.post-wrap-layout-2 .card .category.text-info a {
  margin-bottom: 0px;
  margin-top: 5px;
  margin-right: 4px;
  padding: 4px 4px;
  background-color: transparent;
}

.top-footer-wrap .lates-post-cardmission .cell{
  width: 100%;
  padding-top: 0px;
  padding-bottom: 10px;
}
.top-footer-wrap .lates-post-cardmission .card-content{
  padding-right: 10px;
  padding-left: 10px;
}
.top-footer-wrap .lates-post-cardmission .post-title{
  font-size: 18px;
}

/*----------- laout 2 at sidebar -----------*/


.widget_wrap .card-title h3.post-title{
  font-size: 24px;
}
.sidebar-inwrap .widget_latest-post-masonry .widget_wrap .post-wrap-layout-2 .cell {
  padding: 0px;
  width: 100%;
}

/*  ----------------------------------------------------
Single Post
-------------------------------------------------------- */

.content-wrapper {
  display: block;
  overflow: hidden;
  position: relative;
}

.single-post-warp {
  display: block;
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
  background-color: white;
}

.featured-image img {
  width: 100%;
}

.single-cats.button-group {
  position: absolute;
  display: block;
  top: 30px;
  left: 30px;
  z-index: 1;
}
.button-group button a {
  text-decoration: none;
  

}

.single-cats.button-group .button {
  margin: 0 3px 3px 0;
  background: rgba(255, 194, 202, 0.82);
  color: #fff;
  opacity: .8;
  padding: .4em .8em;
}

.single-cats-noimg.button-group {
  position: relative;
  z-index: 1;
  margin-top: 20px;
  margin-left: 20px;
  top: auto;
  left: auto;
}

.single-post-title h1 {
  margin-top: 2px;
  margin-bottom: 12px;
  text-align: center;
}

.single-post-title {
  position: relative;
}

.single-header-warp {
  text-align: center;
  background-color: #fff;
  padding: 24px 60px;
  z-index: 1111;
  border-top: 3px solid #454D63;
  -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
}
.single-header-warp .post-meta .clear.button.secondary:hover{
  background: transparent;
}
.single-header-warp .post-meta .meta-info.meta-info-date {
  letter-spacing: inherit;
  font-weight: inherit;
}

.single-header-warp .post-meta .cats .button {
  padding: 0em .2em;
  margin: 0;
}

.single-header-warp .post-meta .button {
  padding: 0em .6em;
  margin: 0;
}

.single-header-warp .post-meta i {
  font-size: 12px;
}

.post-single-content-body {
  display: block;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-right: 20px;
  padding-left: 20px;
}

.post-single-tags {
  padding-top: 40px;
}

.post-single-tags .button-group {
  display: inline-block;
  margin-left: 20px;
}

.post-single-tags .button-group button {
  margin-right: 4px;
  margin-left: 4px;
}

/*  ----------------------------------------------------
widget
-------------------------------------------------------- */

.widget_wrap ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0px;
}

.sidebar-inwrap .widget_archive ul li , .sidebar-inwrap .widget_categories ul li ,
.sidebar-inwrap .widget_pages ul li , .sidebar-inwrap .widget_nav_menu ul li ,
.sidebar-inwrap .widget_portfolio_category ul li  ,.sidebar-inwrap .widget_nav_menu ul li,
.sidebar-inwrap .widget_meta ul li{
  margin-bottom: 18px;
  padding: 0 20px;
  border-left: 2px solid #454D63;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  line-height: 30px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #454D63;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  display: block;
  padding: .7rem 1rem;
}

.tags ul {
  padding-left: 0;
  list-style: none;
  text-align: left;
}

.widget_wrap .tagcloud a {
  display: inline-block;
  margin-bottom: 14px;
  margin-right: 10px;
}

.widget_wrap .tagcloud a {
  display: inline-block;
  color: #fff;
  line-height: 25px;
  font-size: 10px;
  padding: 4px 8px;
  font-weight: 600;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.widget_search {
  display: block;
  overflow: hidden;
}

.widget_search label {
  display: block;

}

.widget_search input[type=search] {
  padding: 8px 15px;
  height: 50px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  color: #282828;
  background-color: rgba(255, 255, 255, 0.98);
}

.widget_search input[type=search]:focus {
  box-shadow: inset 0 2px 2px rgba(10, 10, 10, .1);
  border: 1px solid blue;
}

.widget_search .screen-reader-text {
  display: none;
}

.widget_search .search-submit {
  top: 0px;
  right: 0px;
  position: absolute;
  display: block;
  float: left;
  width: 25%;
  height: 50px;
  border: 0;
  margin-left: 0px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  background-color: #454D63;
  color: #fff;
  font-weight: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}
.sidebar-inwrap .wp-block-search__button,.top-footer-wrap .wp-block-search__button{

  display: block;
  float: left;
  width: 40%;
  height: 50px;
  border: 0;
  margin-left: 0px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  background-color: #454D63;
  color: #fff;
  font-weight: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}
.widget_search .search-submit:hover {
  background-color: #507a9a;
}

.widget_wrap .calendar_wrap a {
  color: #454D63;
}

.widget_wrap .calendar_wrap table tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #454D63;
}

.widget_wrap .calendar_wrap table tfoot {
  background: #fff;
}

.widget_wrap .calendar_wrap table thead {
  background: #454D63;
}

.widget_wrap .calendar_wrap #today {
  background-color: #ffa5b1;
}

.widget_wrap .calendar_wrap table tbody {
  color: #826f6f;
}


.widget_wrap ul.menu li a {
  background-color: transparent;
}

.widget_media_image .widget_wrap img {
  height: auto;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.home_widget_wrap {
  margin-bottom: 30px;
}

/* ========== sidebar ============ */

.sidebar-inwrap .widget_wrap {
  border-top: 3px solid #454D63;
  padding: 20px 20px;
  margin-bottom: 20px;
  background-color: #F0F3FA;
  border-radius: 5px 5px 10px 10px;
  position: relative;
}
.sidebar-inwrap .readmore,.footer_widgets_warp .readmore{
  display: none;

}
.sidebar-inwrap .widget_media_image .widget_wrap {
  padding: 0px;
  border: none
}

.sidebar-inwrap .widget_search .widget_wrap .search-form {
  top:6px;
  position: absolute;
  width: 90%;
}

.sidebar-inwrap .widget-title h3,.sidebar-inwrap .wp-block-group__inner-container h2 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 24px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.4px;
  text-align: center;
}

.sidebar-inwrap .widget-title h3:after,sidebar-inwrap .wp-block-group__inner-container h2:after {
  content: ' ';
  display: block;
  text-align: center;
  height: 1px;
  margin: 19px auto;
  background-color: #000;
  width: 30px;
}

.sidebar-inwrap .widget_wrap ul li a {
  color: #454D63 ;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;

}

/* ========== Footer widget ============ */

.footer_widgets_warp {
  padding-top: 40px;
  padding-bottom:0px;
  margin-bottom: 40px;
}

.widget_wrap.footer_widgets_warp ul.menu li {
  margin-bottom: 5px;
  padding: 0px;
  border: none;
  box-shadow: none;
  display: block;
  width: 100%;
  background-color: transparent;
}
.widget_wrap.footer_widgets_warp ul.menu li a {
  padding: 10px 0px;
}
.widget_wrap.footer_widgets_warp ul {
  margin-left: 0px;
}

.widget_wrap.footer_widgets_warp ul li {
  margin-bottom: 5px;
  padding: 0;
  border: none;
  box-shadow: none;
  margin-left: 0px;
}



/*----------------------------------------------------
Post sub banner
--------------------------------------------------------*/

#sub_banner .top-bar {
  max-width: 75rem;
  margin: 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  background: transparent;
}
#sub_banner .blogtitle{
  margin-right: auto;
  margin-left: auto;
}
#sub_banner .top-bar .breadcrumbs {
  margin: 0px;
}

.block-content-none {
  margin: 0 auto;
}

.block-content-none .search-submit {
  border: none;
  border-radius: 3px;
  position: relative;
  padding: 12px 30px;
  margin: 10px 1px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0;
  will-change: box-shadow, transform;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
  width: 60%;
  display: inline-block;
  text-align: center;
  left: 20%;
  right: 20%;
  cursor: pointer;
  font-size: 18px;
}

/*  ----------------------------------------------------
Single Page
-------------------------------------------------------- */

/*----------------------------------------------------
Page sub banner
-------------------------------------------------------- */

#sub_banner_page {
  background-color: #8a8484;
}

#sub_banner_page.callout {
  padding: 0px;
  margin: 0px;
}

#sub_banner_page .breadcrumb-wrap .breadcrumbs {
  margin: 0;
}

#sub_banner_page .top-bar, #sub_banner .top-bar-right, #sub_banner .top-bar ul {
  background-color: transparent;
}

.moon-curve {
  position: relative;
  display: block;
}

.single-page-thumb-outer {
  position: relative;
  display: block;
  text-align: center;
}

.page-thumb {
  display: block;
  max-height: 500px;
  width: 100%;
}

.page-thumb img {
  display: inline-block;
  max-height: 500px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

#sub_banner_page .heade-content {
  position: absolute;
  top: 50%;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 36px;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.button.clear.secondary, .button.hollow.secondary {
  background: transparent;
}

.page_content {
  background-color: #fff;
  border-radius: 2px;
  padding: 40px 30px;
  margin-bottom: 80px;
  margin-top: -60px;
}

.heade-page-nothumb {
  height: 40vh;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}


.box_wbb #content-page {
  padding: 0 10px 0 10px;
}

/*  ----------------------------------------------------
Footer section
-------------------------------------------------------- */

.top-footer-wrap {
  background-color: #fff;
}

.top-footer-wrap .widget-title h3 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 24px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.4px;
}

.top-footer-wrap .widget-title h3:after {
  content: ' ';
  display: block;
  text-align: left;
  height: 1px;
  margin: 19px 0;
  background-color: #9d9d9d;
  width: 30px;
}

.copy-text {
  color: #9d9d9d;
  font-size: 14px;
  word-spacing: 2px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  font-weight: 500;
}

.footer-copyright-wrap {
  background: #fff;

}

.footer-copyright-wrap .callout {
  background-color: transparent;
}

.scroll_to_top.floating-action.button {
  overflow: hidden;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  padding: .6rem;
  margin: 0;
  background-color: #ffeb3b;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 10;
}

.scroll_to_top .fa {
  font-size: 36px;
  font-weight: 600;
  line-height: .7;
}

/*  ----------------------------------------------------
pagination
-------------------------------------------------------- */

.single-post-box-related {
  margin-bottom: 30px;
  padding-top: 20px;
}
.single-post-box-related .block-title {
  margin-bottom: -15px;
}
.single-post-box-related .block-title h4 {
  font-size: 22px;
  font-weight: 600;
  color: #191a1b;
  line-height: 1.4;
}
.single-post-box-related .post-wrap-layout-2 .card .card-image {
  margin: 0px;
}

.navigation .nav-links {
  margin: 1em auto 1em;
  text-align: center;
  width: auto;
  max-width: none;
  display: inline-block;
  border-radius: 0.25em;
  background-color: #fff;
  border-style: solid;
      border-width: 1px 1px 1px 1px;
      border-color: #E9EBEF;
    }

.navigation .nav-links a {
  /* hide numbers on small devices */
  display: none;
  margin: 0 .2em;
}

.navigation .nav-links a.page-numbers {
  /* make sure prev next bblog-buttons are visible */
  display: inline-block;
}

.navigation .nav-links a, .navigation .nav-links span {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change bblog-buttons size */
  padding: .6em .8em;
  font-size: 14px;
  color: #a59e9f;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.navigation .nav-links a.disabled {
  /* bblog-button disabled */
  color: rgba(46, 64, 87, 0.4);
  pointer-events: none;
}

.navigation .nav-links a.disabled::before, .navigation .nav-links a.disabled::after {
  opacity: .4;
}

.navigation .nav-links .current {
  /* selected number */
  background-color: #fbb5be;
  border-color: #64a281;
  color: #ffffff;
  pointer-events: none;
}


/* --------------------------------

No space - remove distance between list items

-------------------------------- */

.navigation .nav-links:after {
  content: "";
  display: table;
  clear: both;
}

.navigation .nav-links a {
  margin: 0;
  border-right: 1px solid #e6e6e6;
}

.navigation .nav-links a:last-of-type {
  border-right: none;
}

.navigation .nav-links a, .navigation .nav-links span {
  border-radius: 0;
  padding: .8em 1em;
  border: none;
  margin: 2px;
}

.navigation .nav-links .prev {
  border-radius: 0.25em 0 0 0.25em;
}

.navigation .nav-links .next {
  border-radius: 0 0.25em 0.25em 0;
}

/* --------------------------------

move bblog-buttons - move prev and next bblog-buttons to the sides

-------------------------------- */

.navigation .nav-links .next:after {
  content: "\f105";
  font-family: FontAwesome;
  display: table;
  clear: both;
  float: right;
  padding-left: 5px;
}

.navigation .nav-links .prev:after {
  content: "\f104";
  font-family: FontAwesome;
  display: table;
  clear: both;
  float: left;
  padding-right: 5px;
}

.navigation .nav-links .page-numbers.prev {
  float: left;
}

.navigation .nav-links .page-numbers.next {
  float: right;
}

.navigation .nav-links {
  display: block;
  overflow: hidden;
}

.single-nav .nav-previous {
  float: left;
}

.single-nav .nav-next {
  float: right;
}

.single-nav .nav-links {
  margin: 0;
  border: none;
}

.single-nav {
  margin: 1em auto 1em;
}

/*  ----------------------------------------------------
gallery setup
-------------------------------------------------------- */

.top-footer-wrap .gallery-item {
  float: left;
  padding: 2px;
}


/* --------------------------------
Comment box
-------------------------------- */

.box-comment-content {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 30px;
}

.box-comment-content .comments-area {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(28, 28, 28, .07);
}

.comment-respond {
  display: block;
  margin-top: 30px;
  padding: 10px;
}

.block-title-wrap {
  text-align: center;
  display: block;
}

.comment-title h2 {
  margin-bottom: 20px;
  color: #55acee;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}

.comment-list {
  margin-top: 30px;
  margin-right: 0;
  margin-left: 0;
  list-style: none;
}

.comment-list li.comment {
  list-style: none;
}

.comment-list .comment-body {
  position: relative;
  display: block;
  overflow: hidden;
  margin-top: 35px;
}

.comment-list .comment-author img {
  display: block;
  float: left;
  margin-top: 0!important;
  margin-right: 10px;
  margin-bottom: 0;
  width: 45px!important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.comment-author.vcard .fn, .comment-author.vcard .fn a {
  color: #282828;
  text-transform: uppercase;
  font-size: 12px;
}

.comment-author.vcard .says {
  display: none;
}

.comment-metadata {
  display: block;
  float: left;
  padding-top: 2px;
  color: #999;
  font-style: italic;
  font-size: 12px;
  line-height: 1;
}

.comment-metadata a:not(.comment-edit-link) {
  color: #999!important;
}

.comment-list .comment-content {
  position: relative;
  display: block;
  float: left;
  clear: both;
  margin-top: 15px;
  padding: 20px 15px;
  width: 100%;
  background-color: #fafafa;
  box-shadow: 0 1px 3px 0 rgba(28, 28, 28, .05);
  color: #999;
  -wekit-box-shadow: 0 1px 3px 0 rgba(28, 28, 28, .05);
}

.comment-list .comment-reply-link {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 3px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #55acee;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  line-height: 9px;
}

.comment-list .comment-content:before {
  position: absolute;
  top: -6px;
  left: 15px;
  z-index: 10;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #f3f3f3;
  border-left: 5px solid transparent;
  content: '';
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -ms-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.comment-list .comment-content p:last-child {
  margin-bottom: 0;
}

.comment-list .comment-content p {
  margin-bottom: 10px;
  color: #444;
  font-size: .9em;
  line-height: 1.6;
}

.box-comment-content .entry ol {
  margin: 0;
}

.comment-list .edit-link {
  display: inline-block;
  margin-left: 5px;
  color: #55acee
}

.comment-list .edit-link:before {
  content: '('
}

.comment-list .edit-link:after {
  content: ')'
}

#cancel-comment-reply-link {
  margin-left: 7px;
  color: #999;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 12px
}

#cancel-comment-reply-link:hover {
  color: #282828;
  text-decoration: underline
}

.comment-respond {
  display: block;
  margin-top: 30px
}

.depth-2 .comment-body {
  margin-left: 20px
}

.depth-3 .comment-body {
  margin-left: 40px
}

.depth-4 .comment-body {
  margin-left: 60px
}

.depth-5 .comment-body {
  margin-left: 80px
}

h2.comment-reply-title {
  margin-bottom: 10px;
  color: #55acee;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}

.comment-form textarea {
  display: block;
  margin-top: 30px;
  width: 100%;
  padding: 20px;
  outline: none!important;
  box-shadow: none;
  border: 1px solid rgba(28, 28, 28, .07);
  color: #282829;
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.comment-form input {
  margin-top: 15px;
}

.comment-form input[type="text"], .comment-form input[type="tel"], .comment-form input[type="email"], .comment-form [type=url], .comment-form [type=password] {
  display: block;
  padding: 10px 20px;
  width: 50%;
  white-space: nowrap;
  outline: 0;
  outline: none!important;
  border: 1px solid #eee;
  box-shadow: none;
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

.comment-form .form-submit input#submit, a.box-comment-btn, .comment-form .form-submit input[type="submit"] {
  display: inline-block;
  padding: 0 20px;
  cursor: pointer;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #282828;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 600;
  font-size: 12px;
  line-height: 28px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  margin: 5px;
}

.comment-form .form-submit input#submit, a.box-comment-btn {
  opacity: .9
}

.comment-form .form-submit input#submit:hover, .entry input[type="submit"]:hover{
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .3);
  opacity: 1
}

/*  ----------------------------------------------------
box-author
-------------------------------------------------------- */

.silkblog-author-bttom .button a {
  color: #fff
}

.silkblog-author-bttom .button {
  margin-top: 30px;
}

.single-box-author {
  padding: 20PX;
}

/*  ----------------------------------------------------
author Widgets
-------------------------------------------------------- */

.silkblog_author_widget .widget_wrap {
  padding: 0px;
  border: none;
  background-color: transparent;
}

.card {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border: none;
  overflow: visible;
}

.card-profile {
  margin-top: 70px;
  text-align: center;
}

.card-profile .card-avatar {
  max-width: 130px;
  max-height: 130px;
  margin: -50px auto 0;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card-avatar img{margin: 0px;}
.card-profile .card-avatar+.card-content {
  margin-top: 15px;
}

.card-profile .card .card-content {
  padding: 15px 30px;
}

.card-description {
  color: #616161;
  font-size: 14px;
}

.card-profile .card-title {
  font-size: 1.3em;
  line-height: 1.55em;
  color: #3C4858;
  text-decoration: none;
  font-weight: 700;
}

.card .card-content {
  padding: 15px 30px;
}



/*=============================================>>>>>
= WooCommerce =
===============================================>>>>>*/

.single-product-warp {
  padding: 40px;
  margin-bottom: 30px;
  background-color: #ffff;
}

.single-product-warp .price {
  margin: 10px 0 25px;
}

.woocommerce .shop-warp {
  padding-bottom: 0px;
}

.card.card-cascade.wider {
  background-color: transparent;
  box-shadow: none;
  margin-bottom: 0px;
}

.card-cascade .view img {
  height: inherit !important;
}

.card.card-cascade .view {
  border-radius: 4px;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
  z-index: 2;
}

.card.card-cascade.wider .card-body {
  margin-left: 4%;
  margin-right: 4%;
  background: #fff;
  z-index: 1;
  border-radius: 0 0 .3rem .3rem;
  ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem 1.25rem .5rem 1.25rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.card-body h4 {
  font-weight: 500;
  margin-bottom: 1rem;
}

.card .card-text {
  font-size: .9rem;
  color: #747373;
  padding-top: 15px;
}

.card-footer {
  border-top: 1px solid rgba(0, 0, 0, .125);
  padding: .75rem 0rem 0 0rem;
  display: table;
  position: relative;
  overflow: hidden;
  width: 100%;

}

.card .card-footer .left {
  float: left;
}

.card .card-footer .right {
  float: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.card .card-footer .right .button.add_to_cart_button {
  margin: 0;
  padding: 0;
  background: transparent;
  color: #000000;
}

.related.products ul {
  margin-top: 20px;
}

table.variations {
  box-shadow: none
}

.woocommerce div.product form.cart .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 17px 12px;
  background-color: #00bcd4;
  display: inline-block;
  border-radius: 3px;
}

.woocommerce ul.products li.product .button::before, button.single_add_to_cart_button::before {
  content: "\f217";
  display: inline;
  font-family: FontAwesome;
  margin-right: 10px;
}

.woocommerce .quantity .qty {
  border: 3px solid #dddddd;
  height: 38px;
  text-align: center;
  width: 70px;
  margin-right: 15px;
}

.woocommerce ul.products li.product .button, .easy-commerce-woocommerce ul.products li.product .button {
  line-height: 1.5;
  margin: 10px auto 20px;
  padding: .5em .7em;
  position: relative;
  border: 0;
  text-align: center;
  display: inline-block;
  background-color: #00bcd4;
  color: #fff;
}

.woocommerce div.product .product_title {
  clear: none;
  font-size: 28px;
  margin: 0 0 15px;
  padding: 0;
  border-bottom: 1px double #ebe9eb;
}

h1.entry-title::after {
  content: "";
  display: block;
  height: 2px;
  background: #00bcd4;
  width: 50px;
  bottom: -1px;
  margin-top: 15px;
}

.woocommerce ul.products li.product a, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .price, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #3C4858;
}

.woocommerce ul.products li.product .star-rating {
  font-size: .857em;
  margin-right: auto;
  margin-left: auto;
}

.woocommerce-cart .quantity .qty {
  margin: 0 auto;
}

.woocommerce table tbody tr:nth-child(2n) {
  background-color: #fff
}

.woocommerce-cart table.cart td {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-right: 1px solid #eee;
}

.woocommerce table.shop_table th {
  font-weight: normal;
  padding: 6px 12px;
  font-size: 16px;
  text-align: center;
}

.woocommerce .cart_totals h2 {
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
  font-size: 24px;
  padding-bottom: 15px;
  position: relative;
  text-transform: uppercase;
  text-align: left;
}

.woocommerce .cart_totals h2:after {
  content: "";
  width: 160px;
  border-bottom: 1px solid #00bcd4;
  left: 0;
  bottom: -1px;
  position: absolute;
}

.woocommerce table.shop_table tbody tr td.actions .coupon .input-text {
  height: 40px;
  width: 150px !important;
  margin: 0 20px 5px 0;
  background: none;
}

.woocommerce .button {
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}



.woocommerce div.product form.cart {
  margin: 36px 0px 0px 0px;
}

.woocommerce div.product form.cart .variations, .woocommerce #content div.product form.cart .variations {
  margin: 0;
  width: 100%;
  table-layout: fixed;
}

.woocommerce .variations_form.cart .variations tbody {
  border: none;
}

.woocommerce div.product form.cart .variations td.label, .woocommerce #content div.product form.cart .variations td.label {
  padding: 0px 18px 0px 0px;
  background-color: transparent;
  font-weight: 600;
  min-width: 80px;
  position: relative;
  overflow: hidden;
  margin-top: -20px;
}

.woocommerce div.product form.cart .variations select, .woocommerce #content div.product form.cart .variations select {
  width: 100%;
  margin: 0px 0px 0px 0px;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
  width: 100%;
}

.single-product .product_meta {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #eaeaea;
  padding-right: 5px;
  padding-left: 10px;
  margin-top: 20px;
}

.single-product .product_meta span {
  display: table;
  table-layout: fixed;
}

.single-product .product_meta span>* {
  padding-left: 5px;
}

.single-product .product_meta span span {
  display: inline-block;
  table-layout: auto;
}

.woocommerce nav.woocommerce-pagination {
  border-radius: 0;
  display: block;
  height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  margin-right: 4px;
  margin-left: 4px;
  padding: .3875rem .825rem;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  line-height: inherit;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.woocommerce nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul {
  border: none;
  padding: inherit;
  margin: auto;
  overflow: inherit;
}

/* woo tab */

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs {
  overflow: visible;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li {
  background: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  padding: 0 30px 0 0;
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li {
  border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a {
  color: #e91e63;
  border-bottom: 2px solid #e91e63;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a {
  border-bottom: 2px solid transparent;
  min-width: 100px;
  padding: 10px 15px;
  border-radius: 0;
  color: #555;
  text-align: center;
  text-transform: uppercase;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a:hover {
  border-bottom: 2px solid #e91e63;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  border: none;
}

.woocommerce div.product .woocommerce-tabs h2:first-child {
  display: none;
}
.woocommerce ul.products li.product a img{margin: 0px;}
/*  ----------------------------------------------------
Global Mobile
-------------------------------------------------------- */

/* Small only */


/* Medium only */


/*=============================================>>>>>
= social icon style 1 =
===============================================>>>>>*/
/*----------------------------------------------------
Social style #1
-------------------------------------------------------- */

.social-btns .btn, .social-btns .btn:before, .social-btns .btn .fa {
  transition: all 0.35s;
  transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}

.social-btns .btn:before {
  top: 90%;
  left: -110%;
}

.social-btns .btn .fa {
  transform: scale(0.8);
}

.social-btns .btn.facebook:before {
  background-color: #3b5998;
}

.social-btns .btn.facebook .fa {
  color: #3b5998;
}

.social-btns .btn.twitter:before {
  background-color: #3cf;
}

.social-btns .btn.twitter .fa {
  color: #3cf;
}

.social-btns .btn.google:before {
  background-color: #dc4a38;
}

.social-btns .btn.google .fa {
  color: #dc4a38;
}

.social-btns .btn.dribbble:before {
  background-color: #f26798;
}

.social-btns .btn.dribbble .fa {
  color: #f26798;
}

.social-btns .btn.skype .fa {
  color: #00aff0;
}

.social-btns .btn.skype:before {
  background-color: #00aff0;
}

.social-btns .btn.pinterest .fa {
  color: #cb2027;
}

.social-btns .btn.pinterest:before {
  background-color: #cb2027;
}

.social-btns .btn.linkedin .fa {
  color: #007bb6;
}

.social-btns .btn.linkedin:before {
  background-color: #007bb6;
}

.social-btns .btn.youtube .fa {
  color: #bb0000;
}

.social-btns .btn.youtube:before {
  background-color: #bb0000;
}

.social-btns .btn.vimeo .fa {
  color: #1ab7ea;
}

.social-btns .btn.vimeo:before {
  background-color: #1ab7ea;
}

.social-btns .btn.tumblr .fa {
  color: #32506d;
}

.social-btns .btn.tumblr:before {
  background-color: #32506d;
}

.social-btns .btn.instagram .fa {
  color: #bc2a8d;
}

.social-btns .btn.instagram:before {
  background-color: #bc2a8d;
}


.social-btns .btn.flickr .fa {
  color: #bc2a8d;
}

.social-btns .btn.flickr:before {
  background-color: #bc2a8d;
}

.social-btns .btn.vk .fa {
  color: #45668e;
}

.social-btns .btn.vk:before {
  background-color: #45668e;
}

.social-btns .btn.xing .fa {
  color: #026466;
}

.social-btns .btn.xing:before {
  background-color: #026466;
}

.social-btns .btn:focus:before, .social-btns .btn:hover:before {
  top: -10%;
  left: -10%;
}

.social-btns .btn:focus .fa, .social-btns .btn:hover .fa {
  color: #fff;
  transform: scale(1);
}

.social-btns {
  display: inline-flex;
  margin: auto;
  font-size: 0;
  text-align: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.social-btns .btn {
  display: inline-block;
  background-color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 5px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 28%;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
  opacity: 0.99;
}

.social-btns .btn:before {
  content: '';
  width: 120%;
  height: 120%;
  position: absolute;
  transform: rotate(45deg);
}

.social-btns .btn .fa {
  font-size: 26px;
  vertical-align: middle;
}
/*----------------------------------------------------
Page 404
-------------------------------------------------------- */

.page-404{
  padding: 10%;
}
.page-404 .search-submit{
  position: relative;
  display: block;
  width: 60%;
  height: 50px;
  border: 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  color: #fff;
  font-weight: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
  margin-right: auto;
  margin-left: auto;
  margin-top: 24px;
}

/*=============================================>>>>>
= Slider =
===============================================>>>>>*/

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */



/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.slider-post-wrap {
  position: relative;
  display: none;
  overflow: hidden;
  background-color: transparent;
  opacity: 0
}
.slider-post-wrap.slider2 .slider-content2 {
  position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider-post-wrap.slider2 .entry-meta {
    display: inline-block;
    padding: 70px 15px;
    width: calc(80% - 40px);
    background: #00000063;
    border-radius: 10px;
}
.slider-post-wrap.slider2 .entry-meta h3{
  font-size: 22px;
}


.slider-post-wrap.slider2 .slider-title{
  background-color: transparent;

}
.slick-slider {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.slick-slider.slick-initialized {
  opacity: 1;
  transition: opacity .3s ease-out;
  display: block;
  visibility:visible;}
.wrap-slider {
  position: relative;
overflow: hidden;
}
.slider-thum {
  position: relative;
  display: block;
  height: 500px;
}

.slider2 .slider-thum {
  height: 450px;
}
.slider-thum .img-slider{
  width: 100%;
  -o-object-fit: cover;
   object-fit: cover;
   object-position: center center;
   height: 500px;
}
.slider2 .slider-thum .img-slider{
   height: 450px;
}
.slider-content{
      top: auto;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 3;
      padding: 40px 20px 20px 50px;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      position: absolute;
      width: calc(60% - 40px);
      margin-left: 40px;
    margin-bottom: 40px;

}
.slider-title{
    color: #fff;
    padding: 10px 0px 10px 0px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    margin-bottom: 0px;
}
.silkblog-slider-nav {
  position: absolute;
  z-index: 2;
  padding: 0;
  width: 38px;
  height: 38px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: rgba(28, 28, 28, .5);
  color: #fff;
  text-align: center;
  font-size: 24px;
  line-height: 38px;
  opacity: .3;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.silkblog-slider-nav:hover{opacity: .8;background-color: rgba(28, 28, 28, .9);}

.silkblog-slider-next {
  top: 50%;
  right: 20px;
  left: auto;
  margin-top: -19px;
}

.silkblog-slider-prev {
  top: 50%;
  left: 20px;
  margin-top: -19px;
}



/* slider button */
.slider-content2 .button.hollow.secondary{
  background: red;
    color: white;
    padding: 0.6em 1em;
    margin: 5px;
    font-weight: 600;
    opacity: 0.8;
}
.slider-content2 .entry-meta p{
  color: white;
  font-size: 14px;
}

.home-slider h3.slider-title a {
  font-size: 24px;
  color: #ffffff;
}

/* accessibility.
--------------------------------------------- */

.post-single-content-body a{
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-style: dotted;
  font-weight: bold;
}
.widget_search .wp-block-search__button:focus,a:focus {
	outline: 2px solid;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page_content a,.single-content-wrap a,.widget_wrap a {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-style: solid;
}/* need to edit */
.sidebar-inwrap .widget_wrap ul li a, 
.widget_wrap .tagcloud a,
.widget_tag_cloud a{
  text-decoration: none;
}

.nav-bar li .offcanvas-trigger:focus {
	outline: 1px solid;
  outline-color:blue ;
}
 .img-link:focus{
  border-color: blue;
  border-style: solid;
  border: 1px;
}

.widget_search .wp-block-search__button:hover,a:hover{
  outline: none;
  text-decoration: none;
}
 .button:focus,.comment-form .form-submit input#submit:focus, .entry input[type="submit"]:focus,
 .off-canvas-content button:focus,.close-button:focus  {
  outline: 2px solid;
  outline-color:blue ;
 }
 
.comment-form textarea:focus,.comment-form input[type="text"]:focus,.comment-form input[type="search"]:focus,.comment-form input[type="tel"]:focus,.comment-form input[type="email"]:focus,.comment-form [type=url]:focus,.comment-form [type=password]:focus{
  border: 1px solid rgba(81, 203, 238, 1);
  
  }
  a:focus img {
    border: 2px;
    border-style: solid;
    color: #00aff0;
  }
  .widget_search .wp-block-search__button:focus{

  }
  .accordion-menu .nested.is-accordion-submenu{
    display: block !important;
  }

  .admin-bar .multilevel-offcanvas.off-canvas.is-transition-overlap.is-open{
    margin-top: 45px;
  }

  a:active img,a:hover img{
    border: none;
  }
  a::selection img{
    border: none;
  
  }